<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 计时器 每隔一段时间执行传入的函数
    // setInterval(fn,intervalTime)  启动计时器
    // fn     期望重复执行的内容
    // intervalTime 间隔时间(每隔指定时间执行一次函数)
    // 返回值: 计时器的编号(正整数)

    // 清除计时器:
    // clearInterval(计时器编号)   对应计时器编号清除


    // 注意:
    // 计时器中传入的函数,在页面加载时不执行,等页面加载完毕之后,开始计时,每隔指定时间执行一次
    // 计时器只要不清除 会一直执行
    // 从计时器设置到函数执行,需要先等待指定时间

    document.onclick = function () {
        clearInterval(a);
        clearInterval(b);
        clearInterval(c);
    }

    var a = setInterval(function () {
        var date = new Date();
        console.log(date);
    }, 1000);
    console.log("a", a);

    var count = 0;
    var b = setInterval(function () {
        count++;
        console.log(count);
    }, 1000)
    console.log("b", b);


    var c = setInterval(function () {
        console.log("ccccccccc");
    }, 1000);
    console.log("c", c);



</script>

</html>